@import '@/style/variable.scss';
// 重置高亮按钮
.primary-button{
  width: 100%;
  display: block;
  border-radius: 20px;
  height: 60px;
  border: none;
  outline: none;
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  margin: 0;
  font-weight: 600;
  padding: 0;
  background: $global-primary;
  color: $text-color;
  line-height: 60px;
}
// 币种展示按钮
.chain-btn{
  height: 20px;
  border-radius: 6px;
  color: $global-primary;
  // border: 1px solid $global-primary;
  padding: 2px 10px;
  box-sizing: border-box;
  font-size: 14px;
}

// 重置input背景色
.reset-input{
  .el-input__inner{
    background: transparent !important;
    border: none;
    color: #fff !important;
  }
  .el-input__inner::placeholder{
    color: rgba(255,255,255,.3);
  }
}

.black-dropDown, .black-dropDown{
  background-color: #262729;
  border: 1PX solid #303133;
  .el-dropdown-menu__item{
    color: #999999;
  }
  .el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{
    background-color: #1A1A1B;
    color: #DDDDDD;
  }
}
.black-dropDown, .black-dropDown, .pool--black-select{
  &.el-popper[x-placement^=bottom] .popper__arrow::after{
    border-bottom-color: #303133;
  }
  &.el-popper[x-placement^=bottom] .popper__arrow{
    border-bottom-color: #303133;
  }
}


.pool--black-select.el-select-dropdown{
  background-color: #262729;
  border: 1PX solid #303133;
}

.pool--black-select{
  el-select-dropdown__item.selected {
    background-color: #303133;
    color: #DDDDDD;
  }
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #303133;
  }
  .el-select-dropdown__item{
    color: #999999;
  }
}
.el-input__inner{
  font-family: font-medium;
}

.approving-loadind .el-loading-spinner .el-loading-text{
  color: $global-primary;
  font-size: 12px;
  font-weight: normal;
}
.approving-loadind .el-loading-spinner i{
  color: $global-primary;
  font-size: 30px;
}
